<template>
<!-- 评估测评 -->
    <div>
        <!-- 头部 -->
         <div class="frist_show">
            <el-breadcrumb separator-class="el-icon-arrow-right">
              <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
              <el-breadcrumb-item>评估测评</el-breadcrumb-item>
            </el-breadcrumb>
            <el-divider></el-divider>
        </div>
        <div style="width:1100px;height:300px;position: absolute;top:100px;left:200px">
            <div class="firsst" @click="rtizhi(1, '体质测评')">
                <span>体质测评</span>
            </div>
             <div class="tswo" @click="rxinli(2, '心理测评')">
                <span>心理测评</span>
            </div>
             <div class="tshree" @click="rfengxian(3, '风险测评')">
                <span>风险测评</span>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  name: 'Assess',
  data () {
    return {
      dialogVisible: false,
      value: '2021-10-30',
      TimeValue: ''
    }
  },
  methods: {
    // 体质测评的点击事件
    rtizhi (rid, rname) {
      this.$router.push('/evaluate/' + rid + '/' + rname)
    },
    // 心里测评
    rxinli (rid, rname) {
      this.$router.push('/evaluate/' + rid + '/' + rname)
    },
    // 风险测评
    rfengxian (rid, rname) {
      this.$router.push('/evaluate/' + rid + '/' + rname)
    }
  }
}
</script>

<style>
.frist_show{position: absolute;top: 0px;left:20px;width: 1500px;height: 50px;}
.frist_show .el-breadcrumb{margin-top: 15px;}
.firsst{width:300px;height:150px;border:1px solid RoyalBlue;position: absolute;top: 70px;border-radius: 8px;background-color: RoyalBlue;cursor: pointer;}
.firsst span{color: white;font-size: 25px;position: absolute;top:50px;left:100px;}
.tswo{width:300px;height:150px;border:1px solid DeepSkyBlue;position: absolute;top: 70px;left:430px;border-radius: 8px;background-color: DeepSkyBlue;cursor: pointer;}
.tswo span{color: white;font-size: 25px;position: absolute;top:50px;left:100px;cursor: pointer;}
.tshree{width:300px;height:150px;border:1px solid RoyalBlue;position: absolute;top: 70px;left:850px;border-radius: 8px;background-color: RoyalBlue;cursor: pointer;}
.tshree span{color: white;font-size: 25px;position: absolute;top:50px;left:100px;}
  .is-selected {
    color: #1989FA;
  }
</style>
